<template>
	<div class="game-container">
		<div class="flex-h flex-bc">
			<h2 class="h2-line">{{ $t('common.index.home') }}</h2>
		</div>
		<el-row class="content">{{ $t('common.index.welcome') }}</el-row>
	</div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
	name: 'Index',
	computed: {
		...mapGetters(['name'])
	},
	mounted() {
		const role = JSON.parse(window.localStorage.getItem('role'))
		if (role[0].id === '90360043') {
			this.$router.push('/dataDashboard/dataDaily')
		}
	}
}
</script>

<style lang="scss" scoped>
.content {
	text-align: center;
	padding: 120px 0;
	margin-top: 200px;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	font-size: 46px;
	background: url('../assets/img/bg-login.jpg') no-repeat;
	background-size: cover;
}
.welcome-info {
	margin-top: 20%;
	font-size: 20px;
	color: #333;
}
.logo {
	width: 300px;
	height: 300px;
}
</style>
